<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <h:head><title>Projet PWA</title>
    </h:head>
    
    <h:body>
 <script type="text/javascript">
                    PrimeFaces.locales ['fr'] = {
                        closeText: 'Fermer',
                        prevText: 'Précédent',
                        nextText: 'Suivant',
                        currentText: 'Aujourd\'hui',
                        monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
                        monthNamesShort: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun', 'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
                        dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
                        dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
                        dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
                        weekHeader: 'Semaine',
                        firstDay: 1,
                        isRTL: false,
                        showMonthAfterYear: false,
                        yearSuffix: '',
                        timeOnlyTitle: 'Choisir l\'heure',
                        timeText: 'Heure',
                        hourText: 'Heures',
                        minuteText: 'Minutes',
                        secondText: 'Secondes',
                        currentText: 'Maintenant',
                                ampm: false,
                        month: 'Mois',
                        week: 'Semaine',
                        day: 'Jour',
                        allDayText: 'Toute la journée'
                    };
                </script>
        <div align="center" style="height:200px;position:relative;top:30%;margin-top:100px;">
            <h:form>
            <p:panelGrid columns="2">
                <f:facet name="header">
                    Veuillez remplir les champs suivant: 
                </f:facet>
                              
                    
                    <p:outputLabel value="nom:* "/><p:inputText value="${etudiant.nom}"/>
                   
                    <p:outputLabel value="prenom:* "/><p:inputText value="${etudiant.prenom}"/>
                    <p:outputLabel value="Date Naissance:* "/>
                    <p:calendar value="${etudiant.datenaissance}" yearRange="-60:-10" navigator="true" locale="fr" pattern="yyyy-mm-dd">
                    <f:convertDateTime pattern="yyyy-mm-dd"/><br/>
                    </p:calendar>
                    <p:outputLabel value="login:* "/><p:inputText value="${etudiant.login}"/>
                    <p:outputLabel value="mot de passe:* "/><p:inputText value="${etudiant.password}"/>
                    <p:outputLabel value="parcours:* "/>
                    <p:selectOneMenu id="scroll" value="#{etudiant.idparcours}" converter="ParcoursConverter" filter="true" filterMatchMode="startsWith">  
                        <f:selectItems value="#{etudiant.listParcours}"/>
                    </p:selectOneMenu>
                    
                    <f:facet name="footer">
                        <p:commandButton action="#{etudiant.reset()}" value="Réinitiliser" icon="ui-icon-refresh" ajax="false" style="margin:3px"/>
                        <p:commandButton action="#{etudiant.doPost()}" value="Valider" ajax="false" icon="ui-icon-check" style="margin:3px">
                           
                        </p:commandButton>
                    </f:facet>                    
                
            </p:panelGrid>
                
            </h:form>
        </div>
        <br/><br/><br/>



        <br/><br/><br/><br/><br/><br/><br/><br/><hr/>
        <center>
            <font size="-3">Développé par <a href="benammar.riyadh@gmail.com">UJM Calendar</a> dans le cadre du Projet Programmation Web Avancée - Université Jean Monnet - Saint-Etienne</font>
        </center>
    </h:body></html>